import {mainEchart} from '../index';

export default class newDemandLineTemplate extends mainEchart {
    defaultOption = {

        legend: [
            {
                itemWidth: 6,
                itemHeight: 6,
                icon: "circle",
                textStyle: {
                   color: "#B7BCBB",
                },
            },
        ],
        tooltip: {
            show: true,
            backgroundColor: "rgba(0,0,0,.51)",
            borderWidth: 0,
            padding: 20,
             trigger: 'axis',
            axisPointer: {
                type: 'line'
            },
            textStyle: {
                color: "#B7BCBB",
            },
        },
        xAxis: [
            {
                type: "category",
                axisLine: {
                    show: false,
                },
                axisTick: {
                    show: false,
                },
                axisLabel: {
                     color: "#B7BCBB",
                },
                splitLine: {
                    lineStyle: {
                        color: "rgba(238,238,238, .1)",
                    },
                },
                boundaryGap: true,
            },
        ],
        yAxis: [
            {
                type: "value",
                axisLine: {
                    show: false,
                },
                axisTick: {
                    show: false,
                },
                axisLabel: {
                     color: "#B7BCBB",
                },
                nameTextStyle: {
                    color: "#B7BCBB",
                },
                splitLine: {
                    lineStyle: {
                        color: "rgba(238,238,238, .1)",
                    },
                },
                splitNumber: 3,
            },
            {
                type: "value",
                axisLine: {
                    show: false,
                },
                axisTick: {
                    show: false,
                },
                axisLabel: {
                    color: "#F0F0F0",
                },
                splitLine: {
                    show: false,
                },
                nameTextStyle: {
                    color: "#F0F0F0",
                },
                splitNumber: 3,
            },
        ],
        grid: [
            {
                top: 0,
                left: 0,
                right: 0,
                bottom: 0,
                containLabel: true,
            },
        ],
        series: {
            type: 'line',
        }
    }

    constructor(option) {
        super({...option, _depthMixin: true});
    }
}